/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    右侧告警    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecureOverview-RightAlarm .CoreWeb-RollList {
  height: calc(100% + 1.6vh);
  margin: -0.8vh 0;

  /* ============================== 列表项 ============================== */
  > .flexCC {
    height: 16.666666%;

    /* —————————————————————————————— 边框图片 —————————————————————————————— */
    > img {
      position: absolute;
      top: 3%;
      left: 0;
      width: 100%;
      height: 94%;
    }

    > .CoreWeb-ShowItem {
      height: 70%;
      width: 28%;
      margin: 1% 0 0;

      .el-form-item__content,
      .CoreWeb-ShowPhoto {
        height: 100%;
      }
    }

    /* —————————————————————————————— 内容 —————————————————————————————— */
    > .flexCol {
      justify-content: space-between;
      width: 54%;
      height: 70%;
      line-height: 1;
      margin-left: 4%;
      color: #c6d3da;
      white-space: nowrap;
      transition: 0.3s;
      cursor: pointer;

      &:hover {
        transform: scale(1.02);
      }

      > div {
        min-height: 14px;
      }

      > div:first-child {
        min-height: 20px;

        b {
          display: inline-block;
          width: calc(100% - 70px);
          line-height: 20px;
          font-size: 16px;
          color: var(--White);
        }

        div {
          float: right;
          padding: 3px 16px;
          border-radius: 4px;
        }
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      等级      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecureOverview-RightAlarm-level {
  &1 {
    color: #1cfdfb;
    background: rgba(28, 253, 251, 0.19);
  }
  &2 {
    color: #ffae00;
    background: rgba(255, 174, 0, 0.19);
  }
  &3 {
    color: #ff4a32;
    background: rgba(255, 74, 50, 0.19);
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      空白       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecureOverview-RightAlarm .el-empty {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 4vh;
  left: 0;
  padding: 0;

  /* ============================== 图片 ============================== */
  &__image {
    width: 20vh;
    opacity: 0.5;
  }

  /* ============================== 描述 ============================== */
  &__description {
    margin-top: 4vh;

    /* —————————————————————————————— 文字 —————————————————————————————— */
    p {
      font-size: 4vh;
      color: var(--White6);
    }
  }
}
